<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>RssPlus - 万物皆可订阅！</title>  
        <link rel="stylesheet" href="ext/bootstrap.min.css">
        <link rel="stylesheet" href="fonts/iconfont.css">                  
        <link rel="stylesheet" href="ext/nav.css">
        <title></title>
        <style>
            body{
                margin: 0;
                padding: 0;
                font: 14px "Hiragino Sans GB","Lucida Grande","微软雅黑",Helvetica,Arial,sans-serif;
                word-break: break-all;
                -webkit-tap-highlight-color: transparent;
                background-color: #dce1e6;    
                float:left;    
            }

            #wf{
                margin-top: 50px;
                position: relative;
            }
            #wf .unit{
                position: absolute;
                /* border: 1px solid black; */
                width: 400px;
                padding: 10px;
                box-sizing: border-box;
                display: block;
                font-size: 13px;
                line-height: 1.4;
                color: #58666e;
                background-color: #f4f6f8;
                border-width: 0;
                border-style: solid;
                border-image: none;
                border-color: #e4e4e4 #bebebd #bebebd #e4e4e4;
                background: #fff;
                box-shadow: 2px 2px 3px 0 #d0d0d0;
            }
            #wf .unit img{
                max-width: 400px;
            }
            #title{
                box-sizing: border-box;
                line-height: 150%;
                font-weight: 700;
                color: #333!important;
                font-size: 18px;
                font-family: inherit;
                cursor: pointer;
                margin:5px 0px 0px 5px;
            }
            #desc{
                /* padding: 0 10px; */
                margin: 5px 0px 0px 0px;
                margin-block-start: 1em;
                margin-block-end: 1em;
                margin-inline-start: 0px;
                margin-inline-end: 0px;
                color: #363f44;
                cursor: pointer;

            }
            #descimg{
                margin:5px 0px 0px -10px;
                width: 400px;
            }
            #pubtime{
                color: #141719;
                text-decoration: none;
                outline: 0;
                font-size: 12px;
                cursor: pointer;
                background-color: transparent;
                box-sizing: border-box;
                line-height: 22px;
            }
            .nav{
                position: fixed;
                z-index:999;
            }
        </style>
    </head>
    <body>
        <div id="app_nav" class="nav">
            <div class="nav-top">
                <div id="mini" style="border-bottom:1px solid rgba(255,255,255,.1)"><img src="images/mini.png" ></div>
            </div>
            <ul>
                <li class="nav-item">
                    <a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>所有更新</span><i class="my-icon nav-more"></i></a>
                </li>
                <li class="nav-item">
                    <a href="javascript:;"><i class="my-icon nav-icon icon_2"></i><span>热门推荐</span><i class="my-icon nav-more"></i></a>
                </li>
                <li class="nav-item">
                    <a href="javascript:;"><i class="my-icon nav-icon icon_3"></i><span>关注的人</span><i class="my-icon nav-more"></i></a>
                </li>  
                <li class="nav-item" style="border-bottom:1px solid rgba(255,255,255,.1)">
                    <a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>我的收藏</span><i class="my-icon nav-more"></i></a>
                </li> 
                <li class="nav-item">
	                <a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>网站配置</span><i class="my-icon nav-more"></i></a>
	                <ul>
	                    <li><a href="javascript:;"><span>网站设置</span></a></li>
	                    <li><a href="javascript:;"><span>友情链接</span></a></li>
	                    <li><a href="javascript:;"><span>分类管理</span></a></li>
	                    <li><a href="javascript:;"><span>系统日志</span></a></li>
	                </ul>
	            </li>
                <li class="nav-item" v-for="rss in rsslists" >
                    <a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>{{ rss.title }}</span><i class="my-icon nav-more"></i></a>
                    <ul>
                        <li><a href="javascript:;"><span>{{ rss.title }}</span></a></li>
                        <li><a href="javascript:;"><span>系统日志</span></a></li>
                        <li><a href="javascript:;"><span>分类管理</span></a></li>
	                    <li><a href="javascript:;"><span>系统日志</span></a></li>
                    </ul>
                </li>
                <!-- <li v-for="dir in dirlists" class="nav-item">
                    <a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>{{ dir }}</span><i class="my-icon nav-more"></i></a>
                    <ul v-for="rss in rsslists">
                        <li><a href="javascript:;"><span>{{ rss.title }}</span></a></li>
                    </ul>
                </li> -->
                <!-- <li v-for="rss in rsslists" class="nav-item">
                    <a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>{{ rss.title }}</span><i class="my-icon nav-more"></i></a>
                </li> -->
            </ul>
        </div>
        <!-- fengexian -->
        <div id="app">
            <!-- <p>{{ message }}</p> -->
            <div id="wf">
                <div v-for="item in items" class="unit">
                    <div>
                        <img v-bind:src="item.rssico" width="16"/>&nbsp;&nbsp;<span>{{ item.rsstitle }}</span>
                    </div>
                    <a style='text-decoration:none;' v-bind:href="item.itemurl" target='_blank'>
                        <p id="title">{{ item.title }}</p>
                        <img id="descimg" v-bind:src="item.descimg">
                        <p id="desc">{{ item.desc }}</p>
                    </a>
                    <img src="images/time.png" />&nbsp;&nbsp;<a id= "pubtime">{{ item.pubtime }}</a>
                </div>
            </div>
        </div>      
        <script type="text/javascript" src="ext/jquery.min.js"></script>
        <!-- <script type="text/javascript" src="ext/bootstrap.min.js"></script>    -->
        <script type="text/javascript" src="ext/nav.js"></script>
        <script type="text/javascript" src="ext/vue.min.js"></script>
        <script type="text/javascript" src="js/home_nav.js" ></script>
        <script type="text/javascript" src="js/home.js" ></script>
    </body>
</html>